<!-- --- BEGIN COPYRIGHT BLOCK ---
     This program is free software; you can redistribute it and/or modify
     it under the terms of the GNU General Public License as published by
     the Free Software Foundation; version 2 of the License.

     This program is distributed in the hope that it will be useful,
     but WITHOUT ANY WARRANTY; without even the implied warranty of
     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
     GNU General Public License for more details.

     You should have received a copy of the GNU General Public License along
     with this program; if not, write to the Free Software Foundation, Inc.,
     51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.

     Copyright (C) 2013 Red Hat, Inc.
     All rights reserved.
     --- END COPYRIGHT BLOCK --- -->
<div class="pki-header">
<ol class="breadcrumb">
    <li><a href="#">Home</a></li>
    <li class="active"><strong>Tokens</strong></li>
</ol>

<span class="pki-title">Tokens</span>
</div>

<table name="tokens">
<thead>
    <tr>
         <th class="pki-table-actions" colspan="10">
             <span name="search">
                 <input name="search" type="text" placeholder="Search...">
                 <a name="filter" href="#tokens-search">Filter</a>
             </span>
             <span class="pki-table-buttons">
                 <button name="add">Add</button>
                 <button name="remove">Remove</button>
             </span>
         </th>
    </tr>
    <tr>
        <th class="pki-select-column"><input id="tokens-selectall" type="checkbox"><label for="tokens-selectall">&nbsp;</label></th>
        <th>Token ID</th>
        <th>User ID</th>
        <th>Type</th>
        <th>Status</th>
        <th>Applet ID</th>
        <th>Key Info</th>
        <th>Policy</th>
        <th>Created</th>
        <th>Modified</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td class="pki-select-column"><input id="tokens-select" type="checkbox"><label for="tokens-select">&nbsp;</label></td>
        <td name="id"><a href="#tokens/${id}">${id}</a></td>
        <td name="userID">${userID}</td>
        <td name="type">${type}</td>
        <td name="status"><a href="#tokens/${id}/status">${status.label}</a></td>
        <td name="appletID">${appletID}</td>
        <td name="keyInfo">${keyInfo}</td>
        <td name="policy">${policy}</td>
        <td name="created">${createTimestamp}</td>
        <td name="modified">${modifyTimestamp}</td>
    </tr>
</tbody>
<tfoot>
    <tr>
         <th class="pki-table-actions" colspan="10">
             <div class="pki-table-info">
                 Total: <span name="totalEntries">0</span> entries
             </div>
             <div class="pki-page-controls">
                 <ul class="pagination">
                     <li><a href="#" name="first"><span class="i fa fa-angle-double-left"></span></a></li>
                     <li><a href="#" name="prev"><span class="i fa fa-angle-left"></span></a></li>
                 </ul>
                 <span class="pki-page-jump">
                     <input name="page" type="text" value="1"> of <span name="totalPages">1</span>
                 </span>
                 <ul class="pagination">
                     <li><a href="#" name="next"><span class="i fa fa-angle-right"></span></a></li>
                     <li><a href="#" name="last"><span class="i fa fa-angle-double-right"></span></a></li>
                 </ul>
             </div>
         </th>
    </tr>
</tfoot>
</table>

<div id="token-status-dialog" class="modal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    <span class="pficon pficon-close"></span>
                </button>
                <h4 class="modal-title">Change Token Status</h4>
            </div>
            <div class="modal-body">
                <fieldset>
                    <label>Token ID</label>
                    <input name="tokenID" readonly="readonly"><br>
                    <label>User ID</label>
                    <input name="userID" readonly="readonly"><br>
                    <label>Type</label>
                    <input name="type" readonly="readonly"><br>
                    <label>Applet ID</label>
                    <input name="appletID" readonly="readonly"><br>
                    <label>Key Info</label>
                    <input name="keyInfo" readonly="readonly"><br>
                    <label>Policy</label>
                    <input name="policy" readonly="readonly"><br>
                    <label>Created</label>
                    <input name="createTimestamp" readonly="readonly"><br>
                    <label>Modified</label>
                    <input name="modifyTimestamp" readonly="readonly"><br>
                    <label>Status</label>
                    <select name="status">
                    </select><br>
                </fieldset>
                <span class="pki-warning"></span>
            </div>
            <div class="modal-footer">
                <button name="save" class="btn btn-primary">Save</button>
                <button name="cancel" class="btn btn-default" data-dismiss="modal">Cancel</button>
            </div>
        </div>
    </div>
</div>

<div id="token-filter-dialog" class="modal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    <span class="pficon pficon-close"></span>
                </button>
                <h4 class="modal-title">Token Filter</h4>
            </div>
            <div class="modal-body">
                <fieldset>
                    <label>Token ID</label>
                    <input name="tokenID"><br>
                    <label>User ID</label>
                    <input name="userID"><br>
                    <label>Type</label>
                    <input name="type"><br>
                    <label>Status</label>
                    <select name="status">
                    </select><br>
                </fieldset>
            </div>
            <div class="modal-footer">
                <button name="apply" class="btn btn-primary">Apply</button>
                <button name="cancel" class="btn btn-default" data-dismiss="modal">Cancel</button>
            </div>
        </div>
    </div>
</div>
